import { BasicColumn } from '/@/components/Table';
import { Tag } from 'ant-design-vue';
import { t } from '/@/hooks/web/useI18n';

export function getBasicColumns(): BasicColumn[] {
  return [
    {
      title: '商品id',
      dataIndex: 'id',
      width: 60,
      align: 'left',
    },
    {
      title: '商品类型',
      dataIndex: 'is_default',
      width: 60,
      align: 'left',
      customRender: ({ text }) => {
        if (text === 0) {
          return <Tag color="green">{() => t('自选')}</Tag>;
        } else if (text === 1) {
          return <Tag color="red">{() => t('必选')}</Tag>;
        }
      },
    },
    {
      title: '商品编号',
      dataIndex: 'product_no',
      width: 80,
      align: 'left',
    },
    {
      title: '商品名称',
      dataIndex: 'name',
      width: 100,
      align: 'left',
    },
    {
      title: '商品价格',
      dataIndex: 'price',
      width: 80,
      align: 'left',
    },
    {
      title: '商品数量',
      dataIndex: 'amount',
      width: 80,
      align: 'left',
    },
    {
      title: '商品描述',
      dataIndex: 'description',
      width: 60,
      align: 'left',
    },
    {
      title: '配送范围',
      dataIndex: 'spec',
      width: 100,
      align: 'left',
    },
  ];
}
